<ion-header>
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button appDebounceClick (debounceClick)="cancel()">
                <!-- <ion-icon name="close" class="close-icon"></ion-icon> -->
                <img src="/assets/icon/nav_icon_close@3x.png" class="backBtnStyle">
            </ion-button>
        </ion-buttons>
        <ion-title>{{data.item.label}}</ion-title>
        <ion-buttons slot="end">
            <ion-button appDebounceClick (debounceClick)="dismiss()" class="text-color-orange">
                确定
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content class="relative" scroll-y="false">
    <!-- <form [formGroup]="modalForm"> -->
    <ul class="content">
        <ng-container *ngFor="let indus of list">
            <li appDebounceClick (debounceClick)="getSmallIndus(indus)" class="bigName f16" [ngClass]="{'background':indus.background,'checked':indus.checkLen}">
                <span >{{indus.label}}</span>
                <span class="checklen" *ngIf="indus.checkLen">{{indus.checkLen}}</span>
            </li>
        </ng-container>
    </ul>

    <ul class="absolute smallIndus" *ngIf="bigIndus">
        <li *ngFor="let item of bigIndus.children" appDebounceClick (debounceClick)="selectSmallIndus(bigIndus,item)">
            <span class="smallName f16" [ngClass]="{'checked':item.selected}">{{item.label}}</span>
            <span>
                <ion-icon name="checkmark" *ngIf="item.selected" class="checked f28">
                </ion-icon>
            </span>
        </li>
    </ul>


    <!-- </form> -->

</ion-content>